@charset "utf-8";
.navbar-default{
  width: 100%;
  z-index: 50;
  border: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
  @media(min-width: 768px){
    padding-top: 30px;
  }

  .navbar-nav{
    margin-top: 7px;
    > li > a{
      font-size: 15px;
      padding-bottom: 10px;
      border-bottom: 3px solid transparent;
      &:hover, &:focus{
        border-bottom: 3px solid #e68905;
      }

    }


    .active > a{
      background-color: transparent;
      border-bottom: 3px solid #e68905;
      &:hover, &:focus{
        background-color: transparent;
        border-bottom: 3px solid #e68905;
      }
    }

  }

  .navbar-brand {
    height: 60px;
    img {
      height: 30px;
    }
  }
  .navbar-toggle{
    background-color: transparent;
    &:hover, &:focus{
      background-color: transparent;
    }
  }

  .navbar-header{
    /*margin-right: 100px;*/
  }

  .navbar-collapse {
    border: none;
  }

  .form-group{
    filter:alpha(Opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6 ;
    margin-top: 13px;


    .form-control{
      border: none;
      border-radius: 18px;/*圆角*/
      height: 20px;
      padding-bottom: 0px;
      padding-top: 0px;
      padding-right: 25px;
      width: 150px;
      box-shadow: 0 0 1px 1px rgba(0,0,0,.175) inset;
    }

    .button-feedback{
      font-size: 14px;
      line-height: 20px;
      position: relative;
      border: none;
      left: -29px;
      top: 1px;
      height: 20px;
      width: 20px;
      background-color: transparent;
    }
  }





}


.navbar-ths-dark{
  border: none;
  background-color: white;
  margin-bottom: 0px;

  .navbar-nav > li > a{
    color: #4e4d4d;
  }
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus{
    color: #4e4d4d;
  }

  .navbar-nav > .active > a,
  .navbar-nav > .active > a:hover,
  .navbar-nav > .active > a:focus {
    color: #4e4d4d;
  }

  .form-control{
    background-color: #f3f3f3;
  }

  @media(min-width: 768px){
    position: absolute;
    background-color: transparent;/*透明*/

    .navbar-toggle{
      border: none;
    }

    .navbar-nav > li > a{
      color: #fff;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus{
      color: #fff;
    }

    .navbar-nav > .active > a,
    .navbar-nav > .active > a:hover,
    .navbar-nav > .active > a:focus {
      color: #fff;
    }

  }


}
.navbar-ths-light{
  background-color: white;

  .navbar-nav > li > a{
    color: #4e4d4d;
  }
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus{
    color: #4e4d4d;
  }

  .navbar-nav > .active > a,
  .navbar-nav > .active > a:hover,
  .navbar-nav > .active > a:focus {
    color: #4e4d4d;
  }

  .form-control{
    background-color: #f3f3f3;
  }
}

